.more-wrapper {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
}

.more-wrapper {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
}

.more-wrapper .more-item {
  width: 100%;
  position: relative;
}

.more-wrapper .more-item.more-info {
  height: 575px;
  background: url("@/assets/images/more/more-info-bg.png");
  background-repeat: round;
  position: relative;
}

.more-wrapper .more-item.more-info .input-out-wrapper {
  width: 1365px;
  height: 361px;
  background: url("@/assets/images/more/input-out-bg.png");
  background-repeat: round;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.more-wrapper .more-item.more-info .input-in-wrapper {
  width: 798px;
  height: 61px;
  background: url("@/assets/images/more/input-in-bg.png");
  background-repeat: round;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
}

.more-wrapper .more-item.more-info .input-in-wrapper .input {
  margin-top: 3px;
  margin-left: 3px;
  padding-left: 32px;
  width: 615px;
  height: 55px;
  border: none;
  border-radius: 30px 0 0 30px;
  outline: none;
  color: #fff;
  font-size: 20px;
  background-color: transparent;
}
.more-wrapper .more-item.more-info .input-in-wrapper .submit {
  width: 183px;
  height: 61px;
  border-radius: 0 30px 30px 0px;
  color: #fff;
  text-align: center;
  line-height: 61px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  position: relative;
}
.more-wrapper .more-item.more-info .input-in-wrapper .submit::before {
  display: block;
  content: "";
  width: 33px;
  height: 48px;
  background: url("@/assets/images/more/finger-bg.png");
  background-repeat: round;
  position: absolute;
  top: 20px;
  left: 150px;
}
